.module-invite {
	min-width: 1348px;

	.invite-banner {
		position: relative;
		height: 584px;
		text-align: center;
		background-color: #423ed0;
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;

		.banner-title {
			width: 100%;
			padding-top: 100px;
			text-align: center;

			img.img {
				width: 560px;
			}

			.btn {
				margin: 30px auto;
				width: 440px;
				text-align: center;
				line-height: 40px;
				border-radius: 20px;
				font-size: 20px;
				color: #fff;
				border: 1px solid rgba(255, 255, 255, 0.5);
				transition: all 0.4s ease;
				background-color: rgba(71, 98, 237, 0.5);
			}
		}

		.steps {
			position: absolute;
			bottom: -80px;
			left: 50%;
			margin-left: -500px;
			width: 1000px;
			height: 200px;
			background-size: inherit;
			background-size: 100% auto;

			.steps-icon {
				position: absolute;
				top: 45px;
				left: 50%;
				margin-left: -400px;
				width: 800px;
				font-size: 0;

				.icon-item {
					display: inline-block;
					width: 20%;
					font-size: 18px;
					line-height: 50px;
					color: #6970ff;

					img.icon {
						margin-top: -3px;
						width: 90%;
					}
				}
			}

			.steps-text {
				position: absolute;
				top: 95px;
				left: 50%;
				margin-left: -480px;
				width: 960px;
				font-size: 0;

				.text-item {
					display: inline-block;
					width: 33.3%;
					font-size: 14px;
					line-height: 40px;
					color: #000;
				}
			}
		}
	}

	.invite-title {
		padding-top: 100px;

		.title-item {
			margin: 0 auto;
			width: 900px;
			height: 150px;
		}

		img.img {
			width: 740px;
			margin-left: 5px;
		}

	}

	.introduce {
		position: relative;
		width: 100%;
		height: 360px;
		background-color: #423ed0;
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;

		img {
			height: 100%;
		}

		.introduce-item {
			margin: 0 auto;
			max-width: 1200px;
			padding-top: 32px;

			p {
				margin: 16px 0;
				font-size: 14px;
				color: #fff;
			}

			p.title {
				font-size: 18px;
			}
		}
	}
}

.invite-info{
	position: relative;
	.no-login{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 2;
		text-align: center;
		color:#fff;
		&-content{
			transform: translate(0 ,200px);
			.text {
				padding: 10px 0;
				font-size: 14px;
			}
			.title{
				font-size: 24px;
				padding: 24px 0;
			}
			.btn{
				width: 240px;
			}
		}
	}
}


.comp-lang-popover {
	.popover-body {
		background-color: transparent!important;
		border: 0!important;
		.content {
			display: none;
		}
	}
}

@import "components/InviteInfo/style";

